<template>
  <div>
      <header>
        <slot name="head">

        </slot>
      </header>
      <main>
        <slot name="main">

        </slot>
        <!-- <slot>babala</slot> -->
      </main>
      <footer>
        <slot name="footer">

        </slot>
      </footer>
      <slot :user="user"></slot>
  </div>
</template>

<script>
export default {
  data () {
    return {
      user: {
        firstname: 'bala',
        lastname: 'ba'
      }
    }
  }
}
</script>

<style>

</style>
